<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="Mosaddek">
    <meta name="keyword" content="FlatLab, Dashboard, Bootstrap, Admin, Template, Theme, Responsive, Fluid, Retina">
    <link rel="shortcut icon" href="img/favicon.html">

    <title>Blank</title>

    <!-- Bootstrap core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/bootstrap-reset.css" rel="stylesheet">
    <!--external css-->
    <link href="assets/font-awesome/css/font-awesome.css" rel="stylesheet" />
    <!-- Custom styles for this template -->
    <link href="css/style.css" rel="stylesheet">
    <link href="css/style-responsive.css" rel="stylesheet" />

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 tooltipss and media queries -->
    <!--[if lt IE 9]>
      <script src="js/html5shiv.js"></script>
      <script src="js/respond.min.js"></script>
    <![endif]-->
  </head>

  <body>

  <section id="container" class="">
      <!--header start-->
      <div id="header">

      </div>
      <!--main content start-->
      <section id="main-content">
          <section class="wrapper">
              <!-- page start-->
              <div class="main-container ace-save-state" id="main-container">

                  <div class="main-content">
                      <div class="main-content-inner">
                          <div class="page-content">
                              <div class="page-header">
                                  <h1>
                                      申请
                                      <small>
                                          <i class="ace-icon fa fa-angle-double-right"></i>
                                          维修
                                      </small>
                                  </h1>
                              </div><!-- /.page-header -->

                              <div class="row">
                                  <div class="col-xs-12">
                                      <!-- PAGE CONTENT BEGINS -->
                                      <form class="form-horizontal" role="form" id="myForm" method="post" enctype="multipart/form-data">
                                          <input type="text" name="appid" hidden>
                                          <input type="text" name="id" hidden>
                                          <!-- <div class="form-group">
                                              <label class="col-sm-3 control-label no-padding-right" for="versionno"> 详细地址* </label>

                                              <div class="col-sm-5">
                                                  <input type="text" id="versionno" name="versionno" placeholder="请输入房间号" class="form-control " required />
                                              </div>
                                          </div> -->
                                         
                                          <div class="form-group" v-if="flag">
                                              <label class="col-sm-3 control-label no-padding-right" for="flatformid"> 楼栋 </label>

                                              <div class="col-sm-5">
                                                  <select name="flatformid"  id="flatformid" class="form-control" @change="changeProduct($event)">
														<option value="">请选择</option>
													  <option :value="xiuli.id" v-for="xiuli in userList" >{{xiuli.name}}</option>
                                                  </select>
												  &nbsp;&nbsp;&nbsp;&nbsp;<span v-if="flag1" class="tip" style="color: red;"> 请选择楼栋</span>
                                              </div>
											  
                                          </div>
										  <div class="form-group" v-if="flag">
										      <label class="col-sm-3 control-label no-padding-right" for="flatformid"> 楼层 </label>
										  
										      <div class="col-sm-5" >
										          <select name="flatformid"  id="flatformid" class="form-control" @change="changeProduct1($event)">
										              <option value="">请选择</option>
										              <option :value="xiuli.id" v-for="xiuli in userList1" >{{xiuli.name}}楼</option>
										          </select>
										         &nbsp;&nbsp;&nbsp;&nbsp;<span v-if="flag2" class="tip" style="color: red;"> 请选择楼层</span>
										                                                           
										      </div>
										  											  
										  </div>
										  <div class="form-group" v-if="flag">
										      <label class="col-sm-3 control-label no-padding-right" for="flatformid"> 房间 </label>
										  
										      <div class="col-sm-5">
										          <select name="flatformid"  id="flatformid" class="form-control" @change="changeProduct2($event)">
										              <option value="">请选择</option>
										              <option :value="xiuli.id" v-for="xiuli in userList2" >{{xiuli.roomnumber}}房</option>
										          </select>
												  &nbsp;&nbsp;&nbsp;&nbsp;<span v-if="flag3" class="tip" style="color: red;"> 请选择房间号</span>
										        <!-- <span class="tip"> 请选报修项目</span>
										                                                           <input type="text" placeholder="请输入APK名称" class="form-control " /> -->
										      </div>
											  
										  											  
										  </div>
										  <div class="form-group" >
										      <label class="col-sm-3 control-label no-padding-right" for="flatformid"> 切换填写方式 </label>
										  
										      <div class="col-sm-5">
										          <button class="btn btn-info" type="button"  @click="show">
										              <!--                                                      <i class="ace-icon fa fa-undo bigger-110"></i>-->
										              点击切换
										          </button>
										  												  
										        <!-- <span class="tip"> 请选报修项目</span>
										                                                           <input type="text" placeholder="请输入APK名称" class="form-control " /> -->
										      </div>
										  											  
										  											  
										  </div>
											<div class="form-group" v-if="!flag">
                                              <label class="col-sm-3 control-label no-padding-right" for="versionno"> 详细地址* </label>

                                              <div class="col-sm-5">
                                                  <input v-model="xiangxi" type="text" id="versionno" name="versionno" placeholder="请输详细地址" class="form-control " required />
                                              </div>
											  &nbsp;&nbsp;&nbsp;&nbsp;<span v-if="flag6" class="tip" style="color: red;"> 请填写详细地址</span>
                                          </div>

                                          <div class="form-group">
                                              <label class="col-sm-3 control-label no-padding-right" for="versioninfo"> 问题描述* </label>

                                              <div class="col-sm-5">
                                                  <textarea class="form-control" id="versioninfo" name="versioninfo" placeholder="Default Text" v-model="miaosu"></textarea>
                                              </div>
											  &nbsp;&nbsp;&nbsp;&nbsp;<span v-if="flag4" class="tip" style="color: red;"> 请填写问题描述</span>
                                          </div>

                                          <div class="form-group">
                                              <label class="col-sm-3 control-label no-padding-right" for="apkfilename"> 照片* </label>

                                              <div class="col-sm-5">
                                                  <input type="file" id="apkfilename" name="a_apkfilename" class="form-control" @change="getFile"/>
												  
<!--                                                  <span id="apk-display" >-->
<!--                                                      <span id="apk"> </span>-->
<!--                                                       &nbsp; <a id="apk-modify">修改</a>-->
<!--                                                  </span>-->
                                              </div>
											  &nbsp;&nbsp;&nbsp;&nbsp;<span v-if="flag5" class="tip" style="color: red;"> 请上传现场照片</span>
                                          </div>


                                          <div class="clearfix form-actions">
                                              <div class="col-md-offset-3 col-md-9">
                                                  <button class="btn btn-info" id="submit" type="button"  @click="tijiao">
                                                      <!--                                                      <i class="ace-icon fa fa-check bigger-110"></i>-->
                                                      申请
                                                  </button>

                                                  &nbsp; &nbsp; &nbsp;
                                                  <button class="btn" type="reset">
                                                      <!--                                                      <i class="ace-icon fa fa-undo bigger-110"></i>-->
                                                      重置
                                                  </button>
												  <button class="btn btn-info" type="button" onclick="javascript:history.back()">
												      <!--                                                      <i class="ace-icon fa fa-undo bigger-110"></i>-->
												      返回
												  </button>
                                              </div>
                                          </div>



                                      </form>

                                      <!-- PAGE CONTENT ENDS -->
                                  </div><!-- /.col -->
                              </div><!-- /.row -->
                          </div><!-- /.page-content -->
                      </div>
                  </div><!-- /.main-content -->

              </div>
              <!-- page end-->
          </section>
      </section>
      <!--main content end-->
  </section>

    <!-- js placed at the end of the document so the pages load faster -->
    <script src="js/jquery.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/jquery.scrollTo.min.js"></script>
	<script src="localjs/paramedics-repairApply.js"></script>
    <script src="js/jquery.nicescroll.js" type="text/javascript"></script>
	<script src="yongknagJS/vue.js"></script>
	<script src="yongknagJS/axios.js"></script>
   <script src="yongknagJS/xiuli1.js"></script>
    <script src="js/common-scripts.js"></script>
	
	
  </body>	
</html>
